<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>红色景点</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- <script src="miancity.js"></script> -->
    <link rel="stylesheet" type="text/css" href="css/webmap.css" />

</head>

<body>
    <header>
        <div class="top"></div>
        <div class="middle">
            <div class="sheng1">省份：<select id="sheng"><option>浙江</option> </select> <br/></div>
            <div class="shi1">市区：<select id="shi"><option>杭州</option></select></div>
        </div>
        <div class="down"></div>
    </header>

    <div class="iconbar">
        <div class="row">
            <div class="col-xs-2 myfooter">
                <a href="#">
                    <span class="glyphicon glyphicon-retweet myfoopic" style="color: rgb(255, 255, 255);"></span>
                </a>
            </div>
            <div class="col-xs-2 myfooter">
                <a href="#">
                    <span class="glyphicon glyphicon-th myfoopic" style="color: rgb(255, 255, 255);"></span>
                </a>
            </div>
            <div class="col-xs-2 myfooter">
                <a href="#">
                    <span class="glyphicon glyphicon-ok-circle myfoopic" style="color: rgb(255, 255, 255);"></span>
                </a>
            </div>
            <div class="col-xs-2 myfooter">
                <a href="#">
                    <span class="glyphicon glyphicon-heart-empty myfoopic" style="color: rgb(255, 255, 255);"></span>
                </a>
            </div>
        </div>
    </div>


    <div class="mianbody">
        <div class="row">
            <div class="col-xs-12 mypots">
                <div class="thumbnail myppics">
                    <img src="images/hang01.jpg" alt="通用的占位符缩略图">
                    <div class="caption">
                        <h3>侵浙日军投降仪式旧址</h3>
                        <p>侵浙日军投降仪式旧址占地4.3亩，1995年经修复作为浙江人民抗战纪念馆，旧址坐北朝南，泥石木结构，重檐亭式房屋，1995年9月正式对外公展。</p>
                        <p>
                            <a href="webhang01.html" class="btn btn-default" role="button" style="background-color: rgb(202, 72, 72);color: white;">
                                了解详情
                            </a>
                            <a href="map copy.html" class="btn btn-default" role="button">
                                到这里去
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 mypots">
                <div class="thumbnail myppics">
                    <img src="images/hang02.jpg" alt="通用的占位符缩略图">
                    <div class="caption">
                        <h3>浙江革命烈士纪念馆</h3>
                        <p>纪念馆被列为全国重点烈士纪念建筑物保护单位。1993年5月1日，纪念馆被杭州市精神文明建设指导委员会确定为杭州市十大爱国主义教育基地。</p>
                        <p>
                            <a href="#" class="btn btn-default" role="button" style="background-color: rgb(202, 72, 72);color: white;">
                                了解详情
                            </a>
                            <a href="#" class="btn btn-default" role="button">
                                到这里去
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 mypots">
                <div class="thumbnail myppics">
                    <img src="images/hang03.jpg" alt="通用的占位符缩略图">
                    <div class="caption">
                        <h3>马寅初纪念馆</h3>
                        <p>马寅初旧居主楼建于清末，建筑面积486平方米，为中西式砖木结构花园别墅；三楼阳台正南墙上方镌刻着“竹屋”二字，故此幢小楼亦称“竹屋”。</p>
                        <p>
                            <a href="#" class="btn btn-default" role="button" style="background-color: rgb(202, 72, 72);color: white;">
                                了解详情
                            </a>
                            <a href="#" class="btn btn-default" role="button">
                                到这里去
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="row finlly">
            <a href="#">更多&nbsp;<span class="glyphicon glyphicon-chevron-right" style="font-size: 15px;"></span></a>
            <p> </p>
        </div>
    </footer>
</body>
<script>
    document.getElementById("sheng").options[0].selected = true;
    document.getElementById("shi").options[0].selected = true;
</script>

</html>